.bg,
.sec {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}

.desc,
.newSec1 .sec1_content,
.sec02,
.sec1 .btn2,
.sec1 .sec1_content,
.sec1 .sec1_content .sec1_btns,
.sec2,
.sec3,
.sec5,
.sec6 .card,
.subtitle,
.title {
    text-align: center
}

.sec {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

body {
    background-color: #f0f2f5
}

.title {
    font-size: .48rem;
    color: #111;
    line-height: .67rem;
    font-weight: 700
}

.subtitle {
    font-size: .24rem;
    color: #111;
    line-height: .33rem
}

.sec__video {
    display: block
}

.video_mask::after {
    opacity: 0;
    display: none
}

.video__btn_close {
    position: fixed;
    display: none;
    right: 24px;
    top: 24px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: url(/guanwang_second/front/images/new/vedio_t1_close-e909f77947.png) center no-repeat;
    background-size: cover;
    opacity: .5;
    z-index: 999999
}

.video__container {
    position: relative;
    width: 100%;
    background-color: #000;
    overflow: hidden;
    margin-top: -100px;
}

.video__container .product__video {
    display: block
}

.video__container .video__mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 3.1rem;
    background-color: rgba(0, 0, 0, .2);
    box-sizing: border-box;
    color: #FFF
}

.newSec1 .btn1,
.newSec1 .btn2,
.sec1 .btn1,
.sec1 .btn2 {
    box-sizing: border-box;
    padding-top: .06rem;
    cursor: pointer
}

.video__container .video__title {
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: .44rem;
    letter-spacing: .06rem
}

.video__container .video__desc {
    margin-top: .08rem;
    font-size: .56rem;
    font-family: PingFang SC;
    font-weight: 600;
    line-height: .78rem;
    letter-spacing: .09rem
}

.video__container .video__more,
.video__watch {
    letter-spacing: .01rem;
    font-size: .16rem;
    font-family: PingFang SC
}

.video__container .video__more {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.56rem;
    width: 1.56rem;
    height: 40px;
    border: 1px solid #FFF;
    border-radius: .04rem;
    opacity: .7;
    font-weight: 400;
    color: #FFF
}

.video__container .video__more::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    transition: all ease .3s
}

.video__container .video__more:hover {
    color: #000;
    opacity: 1
}

.video__container .video__more:hover::after {
    width: 100%
}

.video__container .video__more:hover .more__svg {
    color: #000
}

.video__container .more__text {
    position: relative;
    z-index: 10;
    padding-right: .06rem
}

.video__container .more__svg {
    position: relative;
    z-index: 10;
    transform: translate(0, 1.2%);
    color: #fff
}

.homeai4 .video__watch,
.homeai4 .video__watch:hover {
    color: #fff
}

.homeai4 .video__watch::after {
    background: url(/guanwang_second/front/images/new/index/icons/icon_player_white-fa3607df4b.svg) center/cover no-repeat
}

.homeai4 .homeai__logo {
    margin-top: .3rem;
    width: 4.69rem;
    height: .67rem;
   
}

.video__watch {
    position: relative;
    display: inline-block;
    margin-top: .23rem;
    padding-right: .22rem;
    color: #000;
    font-weight: 800;
    line-height: .22rem;
    cursor: pointer
}

.video__watch:hover {
    color: #000
}

.video__watch::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    margin-top: .01rem;
    width: .16rem;
    height: .16rem;
    background: url(/guanwang_second/front/images/new/index/icons/icon_player_black-c9d38ed9f9.svg) center/cover no-repeat
}

.sec0 {
    width: 100%;
    height: 9rem;
    background: url(/guanwang_second/front/images/2020/index/newYear-ae9c5a5fb4.jpg) center no-repeat;
    background-size: cover;
    cursor: pointer
}

.sec1 {
    position: relative
}

.sec1 .slide1 {
    width: 100%;
    height: 9rem;
    background: url(/guanwang_second/front/images/2020/index/newYear-ae9c5a5fb4.jpg) center no-repeat;
    background-size: cover
}

.sec1 .slide2 {
    cursor: pointer;
    width: 100%;
    height: 9rem;
    background: url(/guanwang_second/front/images/2020/index/sec11-f917a1b680.png) center no-repeat;
    background-size: cover
}

.sec1 .swiper-container {
    height: 9rem;
    margin: 0 auto
}

.sec1 .swiper-container .swiper-wrapper {
    width: 100%;
    height: 100%
}

.sec1 .swiper-container .swiper-wrapper img {
    display: block;
    width: 100%;
    height: 9rem
}

.sec1 .btn {
    display: inline-block;
    width: 1.51rem;
    height: .4rem;
    font-size: .16rem;
    border-radius: .04rem
}

.sec1 .btn2 {
    z-index: 1;
    top: 4.51rem;
    left: 50%;
    transform: translateX(-50%)
}

.sec1 .btn1,
.sec1 .btn2 {
    border: .01rem solid rgba(255, 255, 255, .7);
    display: inline-block;
    overflow: hidden;
    position: relative
}

.sec1 .btn1 span,
.sec1 .btn2 span {
    position: relative;
    z-index: 1;
    font-size: .16rem;
    color: rgba(255, 255, 255, .4);
    transition: all .3s
}

.sec1 .btn1:before,
.sec1 .btn2:before {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .02rem;
    background: #fff;
    transition: all .3s;
    width: 0
}

.newSec1 .sec1_content,
.newSec1 video {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.sec1 .btn1:hover span,
.sec1 .btn2:hover span {
    color: #000
}

.sec1 .btn1:hover:before,
.sec1 .btn2:hover:before {
    transition: all .3s;
    width: 100%
}

.newSec1 {
    height: 9rem;
    cursor: pointer
}

.newSec1 video {
    height: 9rem;
    width: 19.2rem;
    top: 0
}

.newSec1 .sec1_content {
    display: flex;
    justify-content: center;
    z-index: 1;
    top: 4.51rem
}

.newSec1 .btn {
    display: inline-block;
    width: 1.51rem;
    height: .4rem;
    font-size: .16rem;
    border-radius: .04rem
}

.newSec1 .btn2 {
    margin-left: .1rem
}

.newSec1 .btn1 {
    margin-right: .1rem
}

.newSec1 .btn1,
.newSec1 .btn2 {
    border: .01rem solid rgba(255, 255, 255, .7);
    display: inline-block;
    overflow: hidden;
    position: relative
}

.newSec1 .btn1 span,
.newSec1 .btn2 span {
    position: relative;
    z-index: 1;
    font-size: .16rem;
    color: rgba(255, 255, 255, .4);
    transition: all .3s
}

.newSec1 .btn1:before,
.newSec1 .btn2:before {
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .02rem;
    background: #fff;
    transition: all .3s;
    width: 0
}

.sec1,
.sec1 video {
    height: 9rem
}

.sec1 .sec1_content,
.sec1 video {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.newSec1 .btn1:hover span,
.newSec1 .btn2:hover span {
    color: #000
}

.newSec1 .btn1:hover:before,
.newSec1 .btn2:hover:before {
    transition: all .3s;
    width: 100%
}

.sec1 video {
    width: 19.2rem;
    top: 0
}

.sec1 .sec1_content {
    z-index: 1;
    top: 3.5rem
}

.sec1 .sec1_content h2 img {
    width: 3.22rem;
    height: .51rem
}

.sec1 .sec1_content .new_btn {
    width: 2rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .2rem;
    font-weight: 400;
    margin: .5rem auto .29rem;
    padding: 0
}

.sec1 .sec1_content .sec1_btns {
    width: 2rem!important;
    height: .5rem!important;
    line-height: .5rem!important;
    cursor: pointer;
    margin: .5rem auto .29rem!important;
    font-size: .2rem!important;
    font-weight: 400!important;
    color: #fff!important;
    border: 1px solid #fff!important
}

.sec1 .sec1_content .new_link .act {
    display: inline-block;
    height: .22rem;
    font-size: .2rem;
    font-weight: 500;
    color: #fff;
    line-height: .22rem;
    position: relative
}

.sec1 .sec1_content .new_link .act .icon-youjiantou {
    padding-left: .03rem
}

.sec1 .sec1_content .new_link .act::before {
    position: absolute;
    bottom: -8px;
    left: 0;
    display: block;
    content: '';
    width: 0;
    height: 2px;
    background: #fff;
    transition: all .3s
}

.sec1 .sec1_content .new_link:hover .act::before {
    width: 4.8em
}

.sec02 .title {
    margin: .93rem 0 .18rem;
    letter-spacing: .02rem
}

.sec02 .subtitle {
    font-size: .28rem;
    letter-spacing: .02rem
}

.sec02 .new_btn {
    padding: 0 .48rem;
    margin: .44rem auto
}

.sec02 .swiper-container {
    width: 16rem;
    height: 8.08rem;
    margin: 0 auto
}

.sec02 .swiper-container .swiper-wrapper {
    width: 100%;
    height: 100%
}

.sec02 .swiper-container .swiper-wrapper img {
    display: block;
    width: 16rem;
    height: 8.08rem
}

.sec2 .title {
    margin-top: .8rem;
    font-size: .48rem;
    font-weight: 800;
    color: #000;
    line-height: .67rem;
    letter-spacing: .02rem
}

.sec2 .sec2__subtitle {
    margin-top: .12rem;
    font-size: .28rem;
    color: #666;
    letter-spacing: .01rem
}

.sec2 .desc {
    height: .36rem;
    font-size: .24rem;
    font-weight: 500;
    color: #757575;
    line-height: .36rem;
    letter-spacing: .01rem;
    margin-top: .2rem
}

.sec2 .new_btn {
    padding: 0 .48rem;
    margin: .44rem auto
}

.sec2 .sec2__video {
    display: block;
    width: 16rem;
    border-radius: .2rem;
    overflow: hidden;
    margin: 0 auto
}

.sec2 .bg__video {
    display: block
}

.sec3 {
    width: 16rem;
    margin: .97rem auto 0
}

.sec3 .new_btn {
    padding: 0 .48rem;
    margin: .44rem auto
}

.sec3 .title {
    letter-spacing: .04rem;
    margin-bottom: .12rem
}

.sec3 .desc {
    font-size: .28rem;
    line-height: .41rem;
    letter-spacing: .01rem
}

.sec3 .sec3__bg {
    display: block;
    position: relative;
    width: 100%;
    height: 8.5rem;
    background-size: cover;
    background-repeat: no-repeat
}

.sec3 .sec3_video {
    position: absolute;
    border-radius: .2rem;
    overflow: hidden
}

.link__title {
    position: relative;
    font-size: .48rem;
    font-family: PingFang SC;
    font-weight: 800;
    line-height: .66rem;
    color: #111;
    cursor: pointer
}

.link__title:hover {
    color: #111
}

.link__title:hover::after {
    width: 100%
}

.link__title::after,
.sec6 .card .act::before {
    bottom: -4px;
    width: 0;
    content: ''
}

.link__title::after {
    position: absolute;
    left: 0;
    height: 3px;
    background-color: #000;
    transition: all .3s ease-in-out
}

.sec4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 16rem;
    margin: 1.4rem auto 0
}

.sec4 .sec4__list {
    width: 100%;
    margin-top: .6rem;
    display: flex;
    flex-wrap: wrap
}

.sec4 .sec4__item {
    flex-shrink: 0
}

.sec4 .sec4__item.mr38 {
    margin-right: .38rem
}

.sec4 .sec4__item.mt90 {
    margin-top: .9rem
}

.sec4 .img__wrap {
    width: 5.07rem;
    height: 3.78rem;
    overflow: hidden
}

.sec4 .item__img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .28s linear
}

.sec4 .item__img:hover {
    transform: scale(1.05)
}

.sec4 .item__title {
    margin-top: .4rem;
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 700;
    line-height: .32rem;
    color: #111
}

.sec5 .desc,
.sec5 .title {
    color: #fff;
    letter-spacing: .02rem
}

.sec5 {
    position: relative;
    margin-top: 1.4rem
}

.sec5::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .37)
}

.sec5 .sec5__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

.sec5 .title {
    height: .67rem;
    font-size: .42rem;
    font-weight: 800;
    line-height: .67rem
}

.sec5 .desc {
    margin-top: .1rem;
    height: .36rem;
    font-size: .24rem;
    font-weight: 500;
    line-height: .36rem
}

.sec5 .new_btn {
    margin-top: .6rem;
    margin-left: .3rem
}

.sec5 .new_btn:first-of-type {
    margin-left: 0
}

.sec6 {
    margin-top: .44rem;
    height: 3.41rem;
    display: flex;
    justify-content: space-between
}

.sec6 .card {
    width: 5.13rem;
    height: 3.41rem;
    display: block
}

.sec6 .card .title {
    height: .58rem;
    font-size: .36rem;
    font-weight: 500;
    color: #fff;
    line-height: .58rem;
    letter-spacing: .01rem;
    margin-top: .98rem
}

.sec6 .card .act,
.sec6 .card .desc {
    font-size: .16rem;
    font-weight: 500;
    color: #fff
}

.sec6 .card .desc {
    height: .26rem;
    line-height: .26rem
}

.sec6 .card .act {
    display: inline-block;
    margin-top: .4rem;
    height: .22rem;
    line-height: .22rem;
    letter-spacing: .01rem;
    position: relative
}

.sec6 .card .act::before {
    position: absolute;
    left: 0;
    display: block;
    height: 2px;
    background: #fff;
    transition: all .3s
}

.sec6 .card:hover .act::before {
    width: 5em
}

.sec7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.2rem;
    padding-bottom: 1.36rem
}

.sec7 .videos {
    margin-top: .4rem;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.sec7 .videos .video {
    flex: 0 0 auto
}

.sec7 .videos .video .bg {
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.sec7 .videos .video .bg:after {
    opacity: 0;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .8rem;
    height: .8rem;
    transform: translate(-50%, -50%);
    background: url(../images/icon_play-525abb68fd.png) center no-repeat;
    background-size: cover;
    transition: .5s all ease
}

.sec7 .videos .video .bg:before {
    opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
    transition: .5s all ease
}

.sec7 .videos .video .bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    transition: all .3s;
    z-index: -1
}

.sec7 .videos .video .bg:hover img {
    width: 110%;
    height: 110%
}

.sec7 .videos .video .bg:hover:after,
.sec7 .videos .video .bg:hover:before {
    opacity: 1
}

.sec7 .videos .video .title {
    cursor: pointer;
    height: .32rem;
    font-size: .2rem;
    font-weight: 400;
    color: #000;
    line-height: .32rem;
    letter-spacing: .02rem;
    margin-top: .1rem;
    text-align: left
}

.sec7 .videos .video1 .bg,
.sec7 .videos .video2 .bg {
    height: 5.46rem
}

.sec7 .videos .video1 {
    width: 10.57rem
}

.sec7 .videos .video2,
.sec7 .videos .video3,
.sec7 .videos .video4,
.sec7 .videos .video5 {
    width: 5.13rem
}

.sec7 .videos .video3 .bg,
.sec7 .videos .video4 .bg,
.sec7 .videos .video5 .bg {
    height: 3.4rem
}

.sec8 {
    height: 5.21rem;
    display: block;
    width: 16rem;
    margin: 1.5rem auto 1.36rem
}

.sec8 .w {
    position: relative;
    height: 100%
}

.sec8 .con {
    position: absolute;
    left: 1.84rem;
    top: 1.55rem
}

.sec8 .con .title {
    font-size: .5rem;
    font-weight: 800;
    color: #fff;
    line-height: .7rem;
    letter-spacing: .01rem;
    text-align: left
}

.sec8 .con .desc {
    color: #fff;
    text-align: left;
    margin-top: .12rem;
    font-size: .2rem;
    line-height: .28rem;
    margin-bottom: .61rem
}